<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta content="telephone=no" name="format-detection">
    <title>黎世阁-知识</title>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/knowledge.css">
    <script src="js/jquery.min.js"></script>
    <script type="text/javascript">
        (function (doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;

                    docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';

                };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
            recalc();
        })(document, window);

    </script>

</head>
<body style="background: #f0f0f0">
<!--头部开始-->
<header>
    <i class="iconfont left_jt">&#xe65b;</i>
    <div class="title">知识</div>
    <i class="iconfont search">&#xe6ac;</i>
</header>
<nav>
<ul>
    <li>
        默认
    </li>
    <li>
        综合
    </li>
    <li>
        热门
    </li>
    <li>
        时间
    </li>

</ul>
</nav>
<script>
    $('nav li').click(function () {
        if(!($(this).hasClass("nav_active"))){
            $('nav li').removeClass("nav_active");
            $(this).addClass("nav_active");
        }
    })
</script>
<section>
<ul>
    <li>
<div class="left_img fl">
    <img src="./personal_img/zhishi.png" alt="">
</div>
        <div class="right_article fl">
            <h1 class="article_title">
                沙发该如何保养？
            </h1>
            <p >
                使用干净的软棉布，经常性揩净面料尘
                迹或污迹。背、扶手与座面交接处缝...
            </p>
            <div class="btn">阅读全文</div>
        </div>
    </li>
    <li>
        <div class="left_img fl">
            <img src="./personal_img/zhishi.png" alt="">
        </div>
        <div class="right_article fl">
            <h1 class="article_title">
                沙发该如何保养？
            </h1>
            <p >
                使用干净的软棉布，经常性揩净面料尘
                迹或污迹。背、扶手与座面交接处缝...
            </p>
            <div class="btn">阅读全文</div>
        </div>
    </li>
    <li>
        <div class="left_img fl">
            <img src="./personal_img/zhishi.png" alt="">
        </div>
        <div class="right_article fl">
            <h1 class="article_title">
                沙发该如何保养？
            </h1>
            <p >
                使用干净的软棉布，经常性揩净面料尘
                迹或污迹。背、扶手与座面交接处缝...
            </p>
            <div class="btn">阅读全文</div>
        </div>
    </li>
    <li>
        <div class="left_img fl">
            <img src="./personal_img/zhishi.png" alt="">
        </div>
        <div class="right_article fl">
            <h1 class="article_title">
                沙发该如何保养？
            </h1>
            <p >
                使用干净的软棉布，经常性揩净面料尘
                迹或污迹。背、扶手与座面交接处缝...
            </p>
            <div class="btn">阅读全文</div>
        </div>
    </li>
</ul>
</section>

</body>
</html>